---
title: Saiz Modal
description: Lebar vs. Kompak
---

# Saiz Modal

## Saiz Lebar vs. Kompak

Secara lalai, `modalSize` RainbowKit disetkan kepada `wide` (dan kelihatan seperti ini):

<Img src="/modal-default.png" height="569" width="1029" />

Kami juga menyediakan saiz modal yang `compact`, yang kelihatan seperti ini:

<Img src="/modal-compact.png" height="569" width="1029" />

Untuk menetapkan saiz modal anda kepada `compact`, cuma tambahkan `modalSize="compact"` sebagai prop dalam `RainbowKitProvider`:

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider modalSize="compact" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```
